﻿@Imports SchoolClick.Database.DAL
@ModelType SchoolClick.Database.MATRICULA_SOLICITUDES
@Code
    Dim yearMatricula = Date.Now.AddYears(1).Year
    Dim lstGradoAnterior As SelectListItem() = {New SelectListItem With {.Text = "Voy a volver a repetir grado", .Value = "0"}}
End Code
<script type="text/javascript" src="../../Scripts/App/Views/onLoad-NuevaSolicitud.js"></script>
    @Using Html.BeginForm("_Matricular_Alumno", "Matricula", Nothing, FormMethod.Post, New With {.id = "form-matricular"})
        @Html.TableFieldsFor("#form-matricular", "PASO 1: Escoja el grado al cual desea aplicar para el año " & yearMatricula
            ).AddFieldFor(Function(l) l.ID_GRADO_APLICA, New JFOptionsFields().setSource(Url.Action("_getGradosDisponibles_AJAX", "Matricula"))
        ).SetTableWidth(905)
        @<div class="j-twopanel-container" style="padding-bottom: 15px;">
            <div class="j-panel">
                @Html.TableFieldsFor("#form-matricular", "PASO 2: Datos del alumno"
                    ).AddFieldFor(Function(l) l.NOMBRES, New JFOptionsFields().SetMarcaDeAgua("Digite su primer y segundo nombre").SetMaxLength(50)
                    ).AddFieldFor(Function(l) l.APELLIDOS, New JFOptionsFields().SetMarcaDeAgua("Digite su primer y segundo apellido").SetMaxLength(50)
                    ).AddFieldFor(Function(l) l.GENERO, New JFOptionsFields().loadItems(SchoolClickDAL.GetGeneros)
                    ).AddFieldFor(Function(l) l.NIE, New JFOptionsFields().SetMarcaDeAgua("Numero Único de Identificación del Estudiante").SetMaxLength(16)
                    ).AddFieldFor(Function(l) l.DUI, New JFOptionsFields().SetMarcaDeAgua("(Opcional) Digite en el formato 00000000-0").SetMaxLength(10)
                    ).AddFieldFor(Function(l) l.ID_PAIS, New JFOptionsFields().setSource(Url.Action("_getPaises_AJAX", "Matricula")).SetItemDefault("-- Seleccione su país de nacimiento --")
                    ).AddFieldFor(Function(l) l.FECHA_NACIMIENTO, New JFOptionsFields().SetMarcaDeAgua("dd/mm/aaaa").SetMaxLength(10)
                    ).AddFieldFor(Function(l) l.ESTUDIO_PARVULARIA, New JFOptionsFields().loadItems(SchoolClickDAL.GetSiAndNo)
                    ).AddFieldFor(Function(l) l.ID_CEDUCATIVO_PROCEDENCIA, New JFOptionsFields().setSource(Url.Action("_getCentrosEscolares_AJAX", "Matricula")).SetMarcaDeAgua("Digite su Centro Escolar de Procedencia"
                                  ).SetMinLengthToAutoComplete(2)
                    ).AddFieldFor(Function(l) l.ANIO_ANTERIOR, New JFOptionsFields().loadItems(lstGradoAnterior)
                    ).AddFieldFor(Function(l) l.ANIO_CURSO_UG, New JFOptionsFields().SetMarcaDeAgua("Digite el año en que cursó su último grado").SetMaxLength(4)
                ).SetTableWidth(425
                ).AddJavaScript("$('#ID_GRADO_APLICA').on({change: function () {var $self = $('#ANIO_ANTERIOR'), gAnterior = $(this).find('option:selected').attr('data-extra'), texto;$self.empty();switch (gAnterior) { case '9': texto = '9° grado'; break; case '1': texto = '1° Año de bachillerato'; break; case '2': texto = '2° Año de bachillerato'; break; }$self.append('<option value=""' + gAnterior + '"">' + texto + '</option>').append('<option value=""0"">Voy a volver a repetir grado</option>');},loadSuccess: function () {var $self = $('#ANIO_ANTERIOR'), gAnterior = $(this).find('option:selected').attr('data-extra'), texto;$self.empty();switch (gAnterior) { case '9': texto = '9° grado'; break; case '1': texto = '1° Año de bachillerato'; break; case '2': texto = '2° Año de bachillerato'; break; }$self.append('<option value=""' + gAnterior + '"">' + texto + '</option>').append('<option value=""0"">Voy a volver a repetir grado</option>');}});")

                @Html.TableFieldsFor("#form-matricular", "PASO 3: Datos sobre su situación familiar"
                    ).AddFieldFor(Function(l) l.MIEMBROS_FAMILIA, New JFOptionsFields().SetMaxLength(2).SetMarcaDeAgua("# de miembros")
                    ).AddFieldFor(Function(l) l.VIVE_CON, New JFOptionsFields().loadItems(SchoolClickDAL.GetViveCon)
                    ).AddFieldFor(Function(l) l.TRABAJA, New JFOptionsFields().loadItems(SchoolClickDAL.GetNoAndSi)
                    ).AddFieldFor(Function(l) l.TIENE_HIJOS, New JFOptionsFields().loadItems(SchoolClickDAL.GetNoAndSi)
                ).SetHTMLAttributes(New With {.style = "margin-top: 15px"}
                ).SetTableWidth(400)
            </div>
            <div class="j-panel" style="padding-right: 0;">
                @Html.TableFieldsFor("#form-matricular", "PASO 4: Datos de residencia"
                    ).AddFieldFor(Function(l) l.DIRECCION_DE_CASA, New JFOptionsFields().SetMarcaDeAgua("Digite la dirección completa donde actualmente reside").SetMaxLength(150).SetRowsTextArea(3)
                    ).AddFieldFor(Function(l) l.UBICACION_GEOGRAFICA, New JFOptionsFields().loadItems(SchoolClickDAL.GetUbicacionGeo)
                    ).AddFieldFor(Function(l) l.DEPARTAMENTO, New JFOptionsFields().loadItems(SchoolClickDAL.GetDepartamentos)
                    ).AddFieldFor(Function(l) l.MUNICIPIO, New JFOptionsFields().SetMarcaDeAgua("Digite su municipio de residencia").SetMaxLength(100).setSource(Url.Action("_getMunicipios_AJAX", "Matricula"))
                    ).AddFieldFor(Function(l) l.TELEFONO, New JFOptionsFields().SetMarcaDeAgua("Digite su número telefónico fijo en formato 2XXX-XXXX").SetMaxLength(9)
                    ).AddFieldFor(Function(l) l.CELULAR, New JFOptionsFields().SetMarcaDeAgua("(Opcional) Digite su celular en formato 7XXX-XXXX").SetMaxLength(9)
                    ).AddFieldFor(Function(l) l.CORREO_ELECTRONICO, New JFOptionsFields().SetMarcaDeAgua("Digite su correo electrónico de contacto").SetMaxLength(100)
                ).SetTableWidth(425
                ).AddJavaScript("$('#j-ac-extend-MUNICIPIO').attr('data-jerti-depende', '#DEPARTAMENTO');") @*Indicamos que el control dependera del valor de otro campo para el AutoComplete de Municipio*@

                @Html.TableFieldsFor("#form-matricular", "PASO 5: Otras consideraciones adicionales"
                    ).AddFieldFor(Function(l) l.ENFERM_PADECE, New JFOptionsFields().SetMaxLength(250).SetMarcaDeAgua("Digite si padece alguna enfermedad a tomar en cuenta para el bienestar de su salud").SetRowsTextArea(3)
                    ).AddFieldFor(Function(l) l.MEDICAMENTO_PERMANENTE, New JFOptionsFields().SetMaxLength(250).SetMarcaDeAgua("Digite los nombres de los medicamentos que sean de carácter permanente para su salud").SetRowsTextArea(3)
                ).SetHTMLAttributes(New With {.style = "margin-top: 15px"}
                ).SetTableWidth(400)
            </div>
        </div>
    End Using
        <div class="j-twopanel-container" >
            @Html.TituloFieldSet("PASO 6: Datos del padre, madre y/o responsable")
            @Html.ErrorInformation("Indicaciones para el llenado de los datos del padre, madre y/o responsable (si aplica) del alumno",
                               "<strong>1-</strong>	Se deben especificar <strong>todos los datos</strong> que se solicitan de ambos padres (a excepción que cumpla cualquiera de los puntos 2 ó 3). <br /> <strong>2-</strong>	Si el alumno fuera <strong>reconocido por una sola persona</strong> (ya sea el padre o la madre), deberá llenar <strong>únicamente</strong> los campos de acuerdo a los datos de la partida de nacimiento del alumno. <br /> <strong>3-</strong>	Si <strong>ninguno</strong> de los dos padres actualmente es el <strong>responsable</strong> del alumno, se deberá <strong>marcar</strong> la casilla de ""<i>Deseo especificar a la persona que será mi responsable</i>"" y llenar el respectivo formulario.",
                               "ui-icon-alert",
                               "float: left; margin-right: .3em; margin-top:2px;")
            <div class="j-panel">
                @******************************************************
                *******************DATOS DEL PADRE*********************
                ******************************************************@
                <h4 class="sub-title" style="padding-top: 10px;">Datos del Padre</h4>
                <div style="margin-left: 0.5em; font-size:12px; margin-top: 5px;">
                    <span class="j-cont-label">@Html.Label("¿Falleció?")</span>
                    <span class="j-cont-field" style="margin-left: 40px;">
                        <span>@Html.RadioButton("fallecio-padre", True)Si</span>
                        <span style="margin-left: 10px;">@Html.RadioButton("fallecio-padre", False, True)No</span>
                    </span>
                </div>
                @Using Html.BeginForm("_Matricular_Alumno", "Matricula", Nothing, FormMethod.Post, New With {.id = "form-data-padre"})
                    @Html.LoadPartialViewAJAX("data-padre", Url.Action("_getViewResponsable", "Matricula",
                                                                        New With {.form = "#form-data-padre", .Width = 400, .prefix = "padre"}))
                End Using
                <div style="margin-left: -30px; margin-bottom: 20px; font-size:12px; margin-top: 5px;  text-align: center;">
                    @Html.CheckBox("responsable-padre", False)
                    <span style="font-weight: bold;">Yo (Padre del alumno) soy el responsable del alumno</span>
                </div>

                @******************************************************
                ****************DATOS DEL RESPONSABLE******************
                ******************************************************@
                <div>
                    @Html.CheckBox("add-responsable", False)
                    <span class="tit-legend" style="font-weight:normal; display:inline-block; font-size: 12px;">Deseo especificar a la persona que será mi responsable</span>
                </div>
                 @Using Html.BeginForm("_Matricular_Alumno", "Matricula", Nothing, FormMethod.Post, New With {.id = "form-data-responsable", .style = "display: none;"})
                    @Html.LoadPartialViewAJAX("data-responsable", Url.Action("_getViewResponsable", "Matricula",
                                                                        New With {.form = "#form-data-responsable", .Width = 400, .prefix = "responsable", .responsable = True}))
                End Using
            </div>
            <div class="j-panel" style="padding-right: 0;">
                @******************************************************
                *******************DATOS DE LA MADRE*********************
                ******************************************************@
                <h4 class="sub-title" style="padding-top: 10px;">Datos de la Madre</h4>
                <div style="margin-left: 0.5em; font-size:12px; margin-top: 5px;">
                    <span class="j-cont-label">@Html.Label("¿Falleció?")</span>
                    <span class="j-cont-field" style="margin-left: 40px;">
                        <span>@Html.RadioButton("fallecio-madre", True)Si</span>
                        <span style="margin-left: 10px;">@Html.RadioButton("fallecio-madre", False, True)No</span>
                    </span>
                </div>
                @Using Html.BeginForm("_Matricular_Alumno", "Matricula", Nothing, FormMethod.Post, New With {.id = "form-data-madre"})
                    @Html.LoadPartialViewAJAX("data-madre", Url.Action("_getViewResponsable", "Matricula",
                                                                        New With {.form = "#form-data-madre", .Width = 400, .prefix = "madre"}))
                End Using
                <div style="margin-left: -30px; margin-bottom: 20px; font-size:12px; margin-top: 5px;  text-align: center;">
                    @Html.CheckBox("responsable-madre", False)
                    <span style="font-weight: bold;">Yo (Madre del alumno) soy la responsable del alumno</span>
                </div>
            </div>
        </div>
    <div class="j-panel-buttons" style="width: 910px; margin-bottom: 30px; text-align: center;">
        <div class="j-bar" style="float:none; margin: 0 auto; padding-bottom: 30px;">
            @Html.ButtonJerti("btnNuevaMatricula", "Enviar el formulario de solicitud para nuevo ingreso año " & yearMatricula).SetIcon("new-matricula-icon")
        </div> 
    </div>

